<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>卢建才个人相册</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <link rel="stylesheet" href="public/index.css">
</head>
<script>
    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<?php echo $data["appId"] ?>', // 必填，公众号的唯一标识
        timestamp:'<?php echo $data["timestamp"] ?>' , // 必填，生成签名的时间戳
        nonceStr: '<?php echo $data["nonceStr"] ?>', // 必填，生成签名的随机串
        signature:'<?php echo $data["sign"] ?>',// 必填，签名
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'chooseImage'
        ] // 必填，需要使用的JS接口列表
    });
    wx.ready(function(){
        wx.onMenuShareTimeline({
            title: '大家好，我是渣渣辉', // 分享标题
            link: '<?php echo $data["url"] ?>', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2060090061,1648971774&fm=27&gp=0.jpg', // 分享图标
            success: function () {
                alert(111);
            },
        });
        wx.onMenuShareAppMessage({
            title: '南通IT男', // 分享标题
            desc: '谭小勐了解一下', // 分享描述
            link: '<?php echo $data["url"] ?>', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2060090061,1648971774&fm=27&gp=0.jpg', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
// 用户点击了分享后执行的回调函数
            }
        });
    });
    function choose(){
        wx.chooseImage({
            count: 6, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                for(var i=0;i<localIds.length;i++){
                    var img="<img style='width:100%;height:100%;' src='"+localIds[i]+"'>";
                    $('#box div:nth-child('+i+')').append(img);
                }
            }
        });
    }
</script>
<header>个人相册</header>
<button id="choose" onclick="choose()">选择照片</button>
<div id="box">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
<body>
这是页面
</body>
</html>